<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>一直赚</title>
    <link rel="stylesheet" href="css/weui.css"/>
    <link rel="stylesheet" href="css/example.css"/>
    <script src="js/zepto.min.js"></script>
    <style>
        @media (max-width: 320px) {
            .fontSize {
                font-size: 13px;
            }
        }
        .weui-form-preview__bd {
            text-align: left;
        }
    </style>
</head>
<body ontouchstart>
<div class="container" id="container">
    <div class="page input js_show">
        <div style="padding: 10px 0 10px 0;background-color: #FCFCFE">
            <div class="page__bd page__bd_spacing">
                <div class="weui-flex">
                    <div class="weui-flex__item" style="text-align: center"><h4>BOSS说</h4><h4>为小家员工谋福利</h4><h3>—全员加息—</h3></div>
                    <div class="weui-flex__item" style="text-align: center"><img style="padding-right: 10px;margin-top: 13px" src="images/lizi.jpeg" width="60" height="60"><img src="images/lizi.jpeg" width="60" height="60"></div>
                </div>
            </div>
        </div>
        <div class="page__bd" style="background-color: #FCFCFE;position: relative">
            <div style="border-top: 1px solid #666">
                <img src="images/Slice1.png" style="width: 28%">
                <div style="text-align: center">预计年化收益率</div>
                <div style="text-align: center;margin-top: 30px">
                    <span style="font-size: 26px;color: #CFB489;">8.15%</span>
                    <span style="color: #CFB489;">+0.77%</span>
                </div>
            </div>
            <div class="page__bd page__bd_spacing" style="margin-top: 30px">
                <div class="weui-flex">
                    <div class="weui-flex__item" style="text-align: center"><span style="color: #666;">起投金额</span><br><span style="font-size: 20px">500元</span></div>
                    <div class="weui-flex__item" style="text-align: center"><span style="color: #666;">收益方式</span><br><span style="font-size: 20px">按日计息</span></div>
                    <div class="weui-flex__item" style="text-align: center"><span style="color: #666;">取出方式</span><br><span style="font-size: 20px">随时可退</span></div>
                </div>
            </div>
        </div>
        <div style="color: #666;height: 50px;background-color: #FCFCFE;margin-top: 5px;padding:0 18px;font-size: 22px">加入金额</div>
        <div class="page__bd page__bd_spacing" style="background-color: #FCFCFE">
            <div class="weui-flex" style="height: 50px;line-height: 50px">
                <h2>￥</h2>
                <div class="weui-flex__item" style="line-height: 50px;padding-left: 10px"><input class="weui-input" type="number" placeholder="最低500.00元"/></div>
            </div>
            <div style="border-bottom: 1px solid #DEDEDE"></div>
        </div>
        <div class="page__bd page__bd_spacing" style="background-color: #FCFCFE">
            <div class="weui-flex fontSize" style="height: 45px;line-height: 45px;">
                <div class="weui-flex__item" style="text-align: center">预计每日收益(元)<span>1.15</span></div>
                <div class="weui-flex__item" style="text-align: center">100元递增，限购2万</div>
            </div>
        </div>
        <div style="padding: 10px 0 10px 0;background-color: #FCFCFE">
            <h2 style="text-align: center;margin-bottom: 30px">—每天赚不停—</h2>
            <div class="page__bd page__bd_spacing">
                <div class="weui-flex">
                    <div class="weui-flex__item" style="text-align: center"><img src="images/pag.png" style="width: 60px;"></div>
                    <div class="weui-flex__item" style="text-align: left"><span style="color: #CFB489;">一直赚</span><br>优质产品，确保每天都在赚</div>
                </div>
            </div>
            <div class="page__bd page__bd_spacing">
                <div class="weui-flex">
                    <div class="weui-flex__item" style="text-align: center"><img src="images/dun.png" style="width: 60px;"></div>
                    <div class="weui-flex__item" style="text-align: left"><span style="color: #4C7F34;">风险低</span><br>专属小家全员计划，BOSS推荐，信得过</div>
                </div>
            </div>
            <div class="page__bd page__bd_spacing">
                <div class="weui-flex">
                    <div class="weui-flex__item" style="text-align: center"><img src="images/money.png" style="width: 60px;"></div>
                    <div class="weui-flex__item" style="text-align: left"><span style="color: #66B6DF;">取用灵活</span><br>15天以上，随时取回T+1日即刻到账</div>
                </div>
            </div>
        </div>
        <div class="page__bd" style="background-color: #FCFCFE;position: relative">
            <h2 style="text-align: center">—取用灵活方便—</h2>
            <div class="page__bd page__bd_spacing" style="margin-top: 30px">
                <div class="weui-flex" style="margin-bottom: 20px">
                    <div class="weui-flex__item" style="text-align: center"><span>加入</span><br><span style="font-size: 16px;color: #666;">T日15:00前</span></div>
                    <div class="weui-flex__item" style="text-align: center"><span>计算收益</span><br><span style="font-size: 16px;color: #666;">T日</span></div>
                    <div class="weui-flex__item" style="text-align: center"><span>收益可见</span><br><span style="font-size: 16px;color: #666;">T+1</span></div>
                </div>
                <div class="weui-flex">
                    <div class="weui-flex__item" style="text-align: center"><span>取回</span><br><span style="font-size: 16px;color: #666;">T日15:00前</span></div>
                    <div class="weui-flex__item" style="text-align: center"><span>到账</span><br><span style="font-size: 16px;color: #666;">T+1到账</span></div>
                    <div class="weui-flex__item" style="text-align: center"></div>
                </div>
            </div>
        </div>
        <div style="padding: 10px 0 10px 0;background-color: #FCFCFE">
            <h2 style="text-align: center">—常见问题—</h2>
        </div>
        <div class="weui-form-preview" style="background-color: #FCFCFE">
            <div class="weui-form-preview__bd">
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label"><img src="images/wen.png" width="30" height="30"></label>
                    <span class="weui-form-preview__value">为什么加入后没有收益</span>
                </div>
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label"><img src="images/da.png" width="30" height="30"></label>
                    <span class="weui-form-preview__value">在当日15:00点前加入，当日计算收益，次日收益到账。</span>
                </div>
            </div>
        </div>
        <div class="weui-form-preview" style="background-color: #FCFCFE">
            <div class="weui-form-preview__bd">
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label"><img src="images/wen.png" width="30" height="30"></label>
                    <span class="weui-form-preview__value">为什么取出后还没有到账</span>
                </div>
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label"><img src="images/da.png" width="30" height="30"></label>
                    <span class="weui-form-preview__value">普通取出需T+1日到账，收益截止到账前一天，若遇周末、节假日将延迟到账。</span>
                </div>
            </div>
        </div>
        <div class="weui-form-preview" style="background-color: #FCFCFE">
            <div class="weui-form-preview__bd">
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label"><img src="images/wen.png" width="30" height="30"></label>
                    <span class="weui-form-preview__value">什么时候可以取出</span>
                </div>
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label"><img src="images/da.png" width="30" height="30"></label>
                    <span class="weui-form-preview__value">加入后，至少需要15天以上才可以自由取出。</span>
                </div>
            </div>
        </div>
        <div style="margin-top: 20px;margin-bottom: 50px;text-align: center;">
            <img src="images/yinhang.png" width="120">
        </div>
        <div class="weui-btn-area" style="margin: 30px 0 0.3em 0;position: fixed;bottom: 0;width: 100%;left: 0;">
            <a class="weui-btn weui-btn_primary" style="background-color: #CFB489;width: 100%;" href="javascript:" id="showTooltips">确认加入</a>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function(){
        var $tooltips = $('.js_tooltips');

        $('#showTooltips').on('click', function(){
            if ($tooltips.css('display') != 'none') return;

            // toptips的fixed, 如果有`animation`, `position: fixed`不生效
            $('.page.cell').removeClass('slideIn');

            $tooltips.css('display', 'block');
            setTimeout(function () {
                $tooltips.css('display', 'none');
            }, 2000);
        });
    });
</script>
</body>
</html>